<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Orange &mdash; Free Website Template, Free HTML5 Template by FreeHTML5.co</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
    <meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />
    <link href="__CSS__/boot/bootstrap.min.css" rel="stylesheet">
    <link href="__CSS__/boot/font-awesome.css" rel="stylesheet">
    <link href="__CSS__/css/css.css" rel="stylesheet">
    <link href='__CSS__/index/css.css' rel='stylesheet' type='text/css'>
    <link href="__CSS__/index/css1.css" rel="stylesheet">
    <link rel="stylesheet" href="__CSS__/index/animate.css">
    <link rel="stylesheet" href="__CSS__/index/icomoon.css">
    <link rel="stylesheet" href="__CSS__/index/bootstrap.css">
    <link rel="stylesheet" href="__CSS__/index/style.css">
    <![endif]-->
</head>
<body style="background-color: blanchedalmond">

<div class="fh5co-loader"></div>
<div id="page">
    <nav class="fh5co-nav" role="navigation">
        <div class="container">
            <div class="row">
                <div class="left-menu text-right menu-1">
                    <ul>
                        <li class="has-dropdown">
                            <a href="javascript:void(expression)">旅行吧、骚年！</a>
                            <ul class="dropdown">
                                <li><a href="{:url('Tourism/tourism')}">景点</a></li>
                                <li><a href="{:url('Tourism/tourism_route')}">路线</a></li>
                                <li><a href="{:url('Tourism/tourism_guide')}">导游</a></li>
                                <li><a href="{:url('Tourism/agritainment')}">农家乐</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a href="javascript:void(expression)">酒店</a>
                            <ul class="dropdown">
                                <li><a href="#">国内</a></li>
                                <li><a href="#">国际</a></li>
                            </ul>
                        </li>
                        <li><a href="{:url('Specialty/index')}">吃货世界</a></li>
                    </ul>
                </div>
                <div class="logo text-center">
                    <div id="fh5co-logo"><a href="{:url('Index/index')}">坪行網</a></div>
                </div>
                <div class="right-menu text-left menu-1">
                    <ul>
                        <li><a target="view_window" href="http://www.12306.cn/mormhweb/">在线票务</a></li>
                        <li><a href="{:url('About/index')}">关于我们</a></li>
                        <li><a href="{:url('Personal/index')}">个人中心</a></li>
                        <li>
                            {$username}
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </nav>

    <header id="fh5co-header" class="fh5co-cover" role="banner">
        <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                    <div class="display-t">
                        <div class="display-tc animate-box" data-animate-effect="fadeIn">
                            <h1>欢迎来到平行生态旅游网</h1>
                            <div class="row">
                                <form class="form-inline" id="fh5co-header-subscribe">
                                    <div class="col-md-6 col-md-offset-3">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="email" placeholder="请输入您的电子邮箱">
                                            <button type="submit" class="btn btn-default">现在加入</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--订单页面-->
    <div class="container" >
        <div class="row" >
            <div class="col-md-8 col-sm-8 col-xs-12" >
                <h1>订单信息</h1><hr style="border: 1px solid burlywood"/>
                <span>订单号：{$list.order_sn}</span><br/>
                <span>订单名称：<span id="name1">{$list.route_name}</span></span><br/>
                <span>出行时间: {$list.time}</span><br/>
                <span id="uid" style="display: none">{$list.id}</span>
                <span  class="quantity">成人：
                   <div style="display: inline-block ">
                            <input id="quantity1"  type="text" class="btn-num onum"  name='count' onblur='amount_input(this,"9.9","100")' value="{$list.adult}" style="height: 27px;width: 35px;text-align: center">
                        </div>
                    　单价(<span id="price" style="color: sandybrown">{$list.price}</span>)
                    <span class="price" id="adultprice"> <input type="hidden" id="price1" value="{$list.price}" />
                    </span></span><br/>
                <span  class="quantity">儿童：
                      <div style="display: inline-block">
                    <input id="quantity2"  onblur="total(2);"  type="text" value="{$list.child}" style="height: 27px;width: 35px;text-align: center">
                      </div>　
                    单价(<span style="color: sandybrown">{$list.price_c}</span>)
                    <span class="price" id="childprice">
                          <input type="hidden" id="price2" value="{$list.price_c}"  />
                    </span>　　　　　　　　　　　　　　　　
                    <button  id="TJ" style="width: 10rem;height: 4rem;line-height: 4rem;text-align: center;background-color: #e27513;color: white;font-size: 2rem;margin-left: 2.5rem;border: 1px solid white">确认支付</button>
                </span>
                <hr  style="border: 1px solid blanchedalmond"/>
                <h4>费用包含</h4><hr  style="border: 1px solid burlywood"/>
                <div class="panel-group" id="accordion" style=";border: 0px solid" >
                    <div class="panel panel-default" style="background: blanchedalmond;border: 0px solid">
                        <div class="panel-heading" style="background: blanchedalmond;">
                            <h4 class="panel-title" >
                                <a data-toggle="collapse" data-parent="#accordion"
                                   href="#collapseOne">
                                    【交通】
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in">
                            <div class="panel-body">
                                1、跟团游期间用车费用（自由活动中费用不包含<br/>
                                2、跟团游期间用车费用（根据实际人数安排车型）
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default" style="background: blanchedalmond;border: 0px solid">
                        <div class="panel-heading" style="background: blanchedalmond">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion"
                                   href="#collapseTwo">
                                    【住宿】
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                            <div class="panel-body">
                                1、行程所列酒店住宿费用<br/>
                                2、酒店标准2人间
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default" style="background: blanchedalmond;border: 0px solid">
                        <div class="panel-heading" style="background: blanchedalmond">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion"
                                   href="#collapseThree">
                                    【用餐】
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                                1、行程中团队标准用餐，如因自身原因放弃用餐，餐费不退<br/>
                                2、自由活动期间用餐费请自理
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default" style="background: blanchedalmond;border: 0px solid">
                        <div class="panel-heading" style="background: blanchedalmond">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion"
                                   href="#collapseTwo1">
                                    【保险】
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo1" class="panel-collapse collapse">
                            <div class="panel-body">
                                1、含旅行社责任保险，保额10万人民币/人<br/>
                                2、含旅游人身意外保险，保额10万人民币/人

                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default" style="background: blanchedalmond;border: 0px solid">
                        <div class="panel-heading" style="background: blanchedalmond">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion"
                                   href="#collapseTwo2">
                                    【儿童价标准】
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo2" class="panel-collapse collapse">
                            <div class="panel-body">
                                1、年龄2~12周岁(含)，+不占床，+不含大交通费用，+含当地旅游车位，不含门票，不含导游服务，含半价正餐<br/>
                                2、儿童不含门票，届时请根据身高情况，在景区门口自行购买，敬请谅解+
                            </div>
                        </div>
                    </div>
                </div>

                <hr  style="border: 1px solid burlywood"/>

            </div>

            <div  class=" col-md-4 col-sm-4 col-xs-12 ">
                <br/><br/>
                <div  style="margin: auto;width: 20rem;height: 50rem; border: 1px solid "><br/>
                    <h2>　费用明细</h2><hr  style="border: 1px solid burlywood"/>
                    <h4>　订单信息</h4><hr  style="border: 1px solid burlywood"/>
                    <span>　成人</span>　　　　　<span class="quantity1">{$list.adult}</span>x￥<span >{$list.price}</span><br/>
                    <span>　儿童</span>　　　　　<span class="quantity2">{$list.child}</span>x￥<span >{$list.price_c}</span><hr  style="border: 1px solid burlywood"/>
                    <h4>　保险</h4><hr  style="border: 1px solid burlywood"/>
                    <span>交通险</span>　　　　　<span class="quantity1">{$list.adult}</span>x￥20<br/>
                    <span>中意国内旅行险</span>　<span class="quantity1">{$list.adult}</span>x￥70<hr  style="border: 1px solid burlywood"/>　　
                    <span style="color: black">优惠金额</span>　　　<span>￥0</span><hr  style="border: 1px solid burlywood"/>　　
                    <span id="smallTotal1" style="display: none"></span> <span id="smallTotal2" style="display: none"></span><br/>
                 　 <span>　总计</span>　　　　　￥<span id="total">{$list.amounts}</span>
                </div>
            </div>
        </div>
    </div>

</div>


<div id="fh5co-started">
    <div class="container">
        <div class="row animate-box">
            <div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
                <h2>酒店</h2>
                <p>四川.成都.成都生态旅游网  CopyRight ©2012-2021 版权所有  咨询电话:028-61765827  028-56468785  18580353587   24小时热线:13852320605 生态QQ客服1 :2009456360   生态QQ客服2:460498892   生态QQ客服3 :368533622</p>
            </div>
        </div>
        <div class="col-md-12 text-center">
            <p>
            <ul class="fh5co-social-icons">
                <li><a href="#"><i class="icon-twitter"></i></a></li>
                <li><a href="#"><i class="icon-facebook"></i></a></li>
                <li><a href="#"><i class="icon-linkedin"></i></a></li>
                <li><a href="#"><i class="icon-dribbble"></i></a></li>
            </ul>
            </p>
        </div>
    </div>
</div>

<!-- jQuery -->
<script src="__JS__/index/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="__JS__/index/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="__JS__/index/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="__JS__/index/jquery.waypoints.min.js"></script>
<!-- Main -->
<script src="__JS__/index/main.js"></script>

</div>
</body>
</html>
<script>
    function total(id)
    {
        /*计算单个的价格*/
        var quantity=document.getElementById("quantity"+id).value;
        var price=document.getElementById("price"+id).value;
        var smallTotal=quantity*price;
        var smallT=document.getElementById("smallTotal"+id);
        smallT.innerHTML=smallTotal;
        /*计算总价格*/
        var totalPrice=0;
        for(var a=1;a<3;a++){
                var quantity=document.getElementById("quantity"+a).value;
                var price=document.getElementById("price"+a).value;
                var smallTotal=quantity*price;
                totalPrice=totalPrice+smallTotal;
        }
        var total=document.getElementById("total");
        total.innerHTML=totalPrice;
    }

    $(function(){
        $('#quantity1').bind('input propertychange',function() {
            $(".quantity1").text($("#quantity1").val());
        });
        $('#quantity2').bind('input propertychange',function() {
            $(".quantity2").text($("#quantity2").val());
        });
    })

    $(function(){
        $('#TJ').click(function() {
//        alert($('#total').text());
            $.ajax({
                url: "{:url('Tourism/order_t')}",
                type: "post",
                dataType: 'json',
                data: {
                    route_id:$('#uid').text(),
                    route_name:$('#name1').text(),
                    time:$('#datetimepicker_mask').val(),
                    adult:$('#quantity1').val(),
                    child:$('#quantity2').val(),
                    price:$('#price').text(),
                    amounts:$('#total').text()
                },
                success: function (data) {
                    if(data==true){
                        window.location.href="{:url('Tourism/order_3')}"
                    }else{
                        alert("从新确认订单")
                    }
                }

            })
        })
    })






</script>

